﻿.ititle {
	position:relative;
	margin:0px auto;
	padding-top:60px;
	width:1200px;
	text-align:center;
}
.ititle h3 {display:inline-block;color:#333;font-size:30px;}
.ititle h3 span {font-weight:normal;}
.ititle p {margin-top:45px;color:#626262;line-height:1.6;}


#iproducts_bg {
	width:100%;
	min-width:1200px;
	background:url(../images/iproducts_bgs.jpg) no-repeat center bottom #efefef;
}
#iproducts_box {
	position:relative;
	margin:0px auto;
	padding-bottom:50px;
	width:1200px;
	background:url(../images/iproducts_bgs.jpg) no-repeat center bottom #efefef;
}
#iproducts_title {background:url(../images/iproducts_title.jpg) no-repeat 0px 80px;}
#iproducts {
	position:relative;
	margin:40px auto 0px auto;
	width:1058px;
	height:453px;
	background:url(../images/iproducts_bg.jpg) no-repeat center center;
	overflow:hidden;
}
#iproducts a {
	position:absolute;
	display:block;
	width:478px;
	height:207px;
	overflow:hidden;
}
#iproducts a:hover * {color:#ff6f31;}
#iproducts a:hover p {background:#ff6f31;}
#iproducts a:hover span {background:url(../images/iproducts_arrow_over.jpg) no-repeat;}
#iproducts a img {
	position:absolute;
	top:15px;
	left:22px;
	width:224px;
	height:170px;
}
#iproducts a h2 {
	position:absolute;
	top:15px;
	left:265px;
	width:185px;
	color:#333;
	font-size:18px;
}
#iproducts a p {
	position:absolute;
	top:47px;
	left:265px;
	width:36px;
	height:1px;
	background:#686868;
}
#iproducts a div {
	position:absolute;
	top:60px;
	left:265px;
	width:185px;
	height:66px;
	color:#606060;
	line-height:22px;
	overflow:hidden;
}
#iproducts a span {
	position:absolute;
	bottom:21px;
	left:265px;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/iproducts_arrow.jpg) no-repeat;
}
#iproducts_1 {top:0px; left:0px; background:url(../images/iproducts_bg1.png) no-repeat;}
#iproducts_1:hover {background:url(../images/iproducts_over1.png) no-repeat;}
#iproducts_2 {top:0px; right:0px; background:url(../images/iproducts_bg2.png) no-repeat;}
#iproducts_2:hover {background:url(../images/iproducts_over2.png) no-repeat;}
#iproducts_3 {bottom:0px; left:0px; background:url(../images/iproducts_bg3.png) no-repeat;}
#iproducts_3:hover {background:url(../images/iproducts_over3.png) no-repeat;}
#iproducts_4 {bottom:0px; right:0px; background:url(../images/iproducts_bg4.png) no-repeat;}
#iproducts_4:hover {background:url(../images/iproducts_over4.png) no-repeat;}


#icases_bg {
	width:100%;
	min-width:1200px;
	background:url(../images/icases_bgs.jpg) no-repeat center bottom;
}
#icases_box {
	margin:0px auto;
	padding-bottom:50px;
	width:1200px;
	background:url(../images/icases_bgs.jpg) no-repeat center bottom;
	overflow:hidden;
}
#icases_title {background:url(../images/icases_title.jpg) no-repeat 0px 80px;}
#icases {
	position:relative;
	margin:20px auto 0px auto;
	width:1172px;
	height:471px;
	overflow:hidden;
}
#icases div {float:left;}
#icases dl {
	float:left;
	margin-right:22px;
	padding:7px;
	width:360px;
	border:1px solid #212121;
	background:#313131;
}
#icases dl:hover {border:1px solid #ff8331;background:#ff9949;}
#icases dl * {color:#fff;}
#icases dl dt {font-size:0px;}
#icases dl dt img {width:360px;height:270px;}
#icases dl dd {
	position:relative;
	padding:0px 18px;
	height:185px;
	overflow:hidden;
}
#icases dl dd h2 {
	padding:12px 0px 10px 0px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}
#icases dl dd p {
	height:72px;
	line-height:24px;
	overflow:hidden;
}
#icases dl dd span {
	position:absolute;
	bottom:10px;
	left:167px;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/icases_arrow.png) no-repeat;
}
#icases_button {
	position:relative;
	margin-top:25px;
	height:40px;
}
#icases_button a {
	position:absolute;
	top:0px;
	left:50%;
	display:block;
	margin-left:-89px;
	width:178px;
	height:38px;
	font-size:18px;
	line-height:38px;
	text-align:center;
	border-radius:20px;
	border:1px solid #ababab;
}
#icases_button_left {
	position:absolute;
	top:6px;
	left:422px;
	display:block;
	width:13px;
	height:26px;
	background:url(../images/icases_button.jpg) no-repeat;
	cursor:pointer;
}
#icases_button_right {
	position:absolute;
	top:6px;
	right:422px;
	display:block;
	width:13px;
	height:26px;
	background:url(../images/icases_button.jpg) no-repeat right top;
	cursor:pointer;
}


#itech_bg {
	width:100%;
	min-width:1200px;
	background:url(../images/iproducts_bgs.jpg) no-repeat center bottom #efefef;
}
#itech_box {
	position:relative;
	margin:0px auto;
	padding-bottom:50px;
	width:1200px;
	background:url(../images/iproducts_bgs.jpg) no-repeat center bottom #efefef;
}
#itech_title {background:url(../images/iproducts_title.jpg) no-repeat 0px 80px;}
#itech {
	margin:20px auto 0px auto;
	width:1120px;
	height:420px;
	overflow:hidden;
}
#itech dl {
	float:left;
	position:relative;
	width:280px;
	height:420px;
	background:#fff;
	overflow:hidden;
}
#itech dl:hover {background:#464646;}
#itech dl:hover *  {color:#fff;}
#itech dl:hover p {background:#fff;}
#itech dl:hover span {background:url(../images/icases_arrow.png) no-repeat;}
#itech dl dt {
	position:absolute;
	left:0px;
	z-index:1;
	width:280px;
	height:210px;
	font-size:0px;
}
#itech dl dt img {width:280px;height:210px;}
#itech dl dd {
	position:absolute;
	left:0px;
	z-index:2;
	padding:0px 30px;
	width:220px;
	height:210px;
}
#itech dl dd h2 {
	position:absolute;
	top:22px;
	left:30px;
	width:220px;
	color:#333;
	font-size:18px;
}
#itech dl dd p {
	position:absolute;
	top:54px;
	left:30px;
	width:36px;
	height:1px;
	background:#686868;
}
#itech dl dd div {
	position:absolute;
	top:65px;
	left:30px;
	width:220px;
	height:66px;
	color:#606060;
	line-height:22px;
	overflow:hidden;
}
#itech dl dd span {
	position:absolute;
	bottom:20px;
	left:30px;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/iproducts_arrow.jpg) no-repeat;
}
.itech_1 dt,.itech_3 dt {bottom:0px;}
.itech_1 dd,.itech_3 dd {top:0px;}
.itech_2 dt,.itech_4 dt {top:0px;}
.itech_2 dd,.itech_4 dd {bottom:0px;}
.itech_1 dd i,.itech_3 dd i {
	position:absolute;
	bottom:-10px;
	left:50%;
	display:block;
	margin-left:-10px;
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #fff;
}
.itech_2 dd i,.itech_4 dd i {
	position:absolute;
	top:-10px;
	left:50%;
	display:block;
	margin-left:-10px;
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
}
.itech_1:hover i {border-top:10px solid #464646;}
.itech_2:hover i {border-bottom:10px solid #464646;}
.itech_3:hover i {border-top:10px solid #464646;}
.itech_4:hover i {border-bottom:10px solid #464646;}


.iabout_title {
	position:relative;
	height:100px;
	background:url(../images/ivideo_title.jpg) no-repeat 0px 11px;
}
.iabout_title h2 {
	position:absolute;
	top:0px;
	left:0px;
	padding-right:10px;
	color:#333;
	font-size:30px;
	background:#fff;
}
.iabout_title h2 span {font-weight:normal;}
.iabout_title p {
	position:absolute;
	top:42px;
	left:0px;
	height:43px;
	color:#626262;
	line-height:1.6;
	overflow:hidden;
}
#iabout_box {
	position:relative;
	margin:70px auto 0px auto;
	width:1200px;
	height:414px;
	background:url(../images/iabout_bg.jpg) no-repeat 605px 2px;
	overflow:hidden;
}
#ivideo_blk {float:left;width:555px;}
#ivideo {width:555px;height:310px;overflow:hidden;}
#iabout_blk {float:right;width:550px;}
#iabout {
	position:relative;
	width:545px;
	height:300px;
	border:5px solid #ebebeb;
	border-left:none;
}
#iabout_menu {
	width:127px;
	height:300px;
	background:#ebebeb;
}
#iabout_menu li {}
#iabout_menu li a {
	display:block;
	position:relative;
	height:60px;
	line-height:60px;
	text-align:center;
}
#iabout_menu li a.iabout_menu_over {color:#fff;background:#464646;}
#iabout_menu li a.iabout_menu_over span {
	position:absolute;
	top:26px;
	right:-8px;
	display:block;
	width:0px;
	height:0px;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:8px solid #464646;
}
.iabout_cbox {
	position:absolute;
	top:0px;
	right:0px;
	display:none;
	width:410px;
	height:300px;
	overflow:hidden;
}
.iabout_content {
	margin:15px auto 0px auto;
	width:375px;
	height:272px;
	line-height:1.8;
	overflow:hidden;
}
.inews {
	margin:0px auto;
	width:375px;
}
.inews li {
	position:relative;
	padding-left:2px;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.inews li h2 {
	font-size:14px;
	font-weight:normal;
}
.inews li span {
	position:absolute;
	top:2px;
	right:0px;
	color:#999;
	font-size:12px;
}